<template>
  <div class="questions">
    <h4>
      ONE 问题
    </h4>
    <div class="corriente">
      <p class="one-titulo">
        VOL.1985 </p>
      <p class="one-cuestion-titulo">
        <a href="http://wufazhuce.com/question/2036">
          “文艺青年”的标准是怎么变化的？ </a>
      </p>
    </div>
    <ul class="list-unstyled pasado">
      <li>
        <span class="text-muted">VOL.1984</span>
        <a href="http://wufazhuce.com/question/2035">
          如何避免成为恋人的妈？ </a>
      </li>
      <li>
        <span class="text-muted">VOL.1983</span>
        <a href="http://wufazhuce.com/question/2034">
          恋爱能靠互相照顾维系吗？ </a>
      </li>
      <li>
        <span class="text-muted">VOL.1982</span>
        <a href="http://wufazhuce.com/question/2033">
          吵架的时候为什么喜欢争对错？ </a>
      </li>
      <li>
        <span class="text-muted">VOL.1981</span>
        <a href="http://wufazhuce.com/question/2032">
          你不喜欢被贴上什么标签，为什么？ ​​​​ </a>
      </li>
      <li>
        <span class="text-muted">VOL.1980</span>
        <a href="http://wufazhuce.com/question/2030">
          在某个瞬间觉得自己真的撑不过去了怎么办？ </a>
      </li>
      <li>
        <span class="text-muted">VOL.1979</span>
        <a href="http://wufazhuce.com/question/2031">
          女性身上有哪些闪闪发光的时刻？ </a>
      </li>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.questions {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}
.questions h4 {
  background-color: #01aef0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 10px 0;
  padding: 5px 10px;
}
.one-titulo {
  font-size: 12px;
  margin-bottom: 5px;
}
.one-cuestion-titulo {
  font-size: 16px;
  height: 50px;
}
.one-cuestion-titulo > a {
  color: #428bca !important;
}
.list-unstyled {
  font-size: 12px;
  margin-left: -50px;
  margin-top: -30px;
}
.text-muted {
  color: #777;
}
.pasado li {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pasado a {
  color: #777;
}
</style>

